Tanstack Routerでcode-based routing

コードベースルーティング

このあたりを使う

code:ts

import {

createRootRoute,

createRoute,

createRouter,

RouterProvider,

Link,

Outlet,

} from '@tanstack/react-router'

const rootRoute = createRootRoute({ component: AppLayout })

const indexRoute = createRoute({

getParentRoute: () => rootRoute,

path: '/',

component: Home,

})

const aboutRoute = createRoute({

getParentRoute: () => rootRoute,

path: '/about',

component: About,

})

const routeTree = rootRoute.addChildren(indexRoute, aboutRoute)

const router = createRouter({ routeTree })